<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>

<div class="box">
    <span>距离2015年国庆节还剩：</span>
    <div class="content">
        <input type="text" id="time_d">天
        <input type="text" id="time_h">时
        <input type="text" id="time_m">分
        <input type="text" id="time_s">秒
    </div>
</div>

<script type="text/javascript">
$(function(){ 
    show_time();
}); 
 
function show_time(){ 
    var time_start = new Date().getTime(); //设定当前时间
    var time_end =  new Date("2017/10/01 00:00:00").getTime(); //设定目标时间
    // 计算时间差 
    var time_distance = time_end - time_start; 
    // 天
    var int_day = Math.floor(time_distance/86400000) 
    time_distance -= int_day * 86400000; 
    // 时
    var int_hour = Math.floor(time_distance/3600000) 
    time_distance -= int_hour * 3600000; 
    // 分
    var int_minute = Math.floor(time_distance/60000) 
    time_distance -= int_minute * 60000; 
    // 秒 
    var int_second = Math.floor(time_distance/1000) 
    // 时分秒为单数时、前面加零 
    if(int_day < 10){ 
        int_day = "0" + int_day; 
    } 
    if(int_hour < 10){ 
        int_hour = "0" + int_hour; 
    } 
    if(int_minute < 10){ 
        int_minute = "0" + int_minute; 
    } 
    if(int_second < 10){
        int_second = "0" + int_second; 
    } 
    // 显示时间 
    $("#time_d").val(int_day); 
    $("#time_h").val(int_hour); 
    $("#time_m").val(int_minute); 
    $("#time_s").val(int_second); 
    // 设置定时器
    setTimeout("show_time()",1000); 
}
</script>

</body>
</html>

<!--倒计时改进14.02-->